.header {
    background-color:#3a589b;
	height:42px;
	width:100%;
	position:relative;
	border-bottom:1px solid #122e7b
}

.footer {
    height: 30px;
    bottom: 0;
    width: 100%;
    background-color: #FAFAFA;
    position: absolute;
}

body {
	margin: 0px;
	background-color: #F0F0F0;
}

.icon_hotel{
	height:25px;
	width:25px;
	margin:8px
	}
	
.header_eem_icon{
	background:url(/images/POS/index/headPOSicon.png) no-repeat;
	display:inline-block;
	cursor:pointer
	}

.setting_icon_header{float:right;width:80px;margin: 8px}

.header_icon{background:url(/images/POS/index/headPOSicon.png) no-repeat;display:inline-block;cursor:pointer}

.rightIconheader1{background-position:0 0;width:23px;height:23px;margin-right:5px}

.rightIconheader2{background-position:-25px 0;width:23px;height:23px}

.content{
	width: 80%;
    height: 530px;      
    margin-top: 2%;            
    margin-left: 10%;
    margin-right: 0px;      margin-bottom: 30px;      overflow: hidden;
    background-color: #FAFAFA;
    border: 1px solid #F0F0F0;
}

#userProfile{
	width: calc(50% - 93px);
	height: calc(50% - 50px);
	display: inline-block;
	border-right: 2px solid #f0f0f0;
	padding: 25px 45px;
}

#notification{
	width: calc(50% - 93px);
	height: calc(50% - 50px);
	display: inline-block;
	border-right: 2px solid #f0f0f0;
	padding: 25px 45px;
}

.workArea{
	width:100%;
	border-top: 2px solid #f0f0f0;
}

#profilePic{
	display:inline-block;
	width: 39%;
	height: 100%
}

#profileDetail{
	display:inline-block;
	width: 59%;
	height: 100%;
}

#editProfile{
	height: 19%;
	text-align: center;
}

#pic{
	height: 79%;
	padding: 5px 25px;
}

#top_side{
	width: 100%;
}

#top_side table{
	width:100%;
	height: 100%;
}

#top_side table td{
	padding: 0px;
}
.logo{
	margin: 3px;
}

.pic4profile {
	margin: 0px;
	width: 20px;
	height: 20px;
	vertical-align: middle;
}

.font12{
	font-size: 12px;
}

.margin5{
	margin: 5px 2px;
}

.font14{
	font-size: 14px;
}

.headworkarea{
	padding: 0px;
	height: 17px;
	background: url(/images/arrow1.png) no-repeat,url(/images/line_bottom.png) repeat-x;
}

.headcounter{
	padding: 0px;
	height: 17px;
	background: url(/images/arrow2.png) no-repeat,url(/images/line_bottom_counter.png) repeat-x;
}

#arealist td{
	padding: 30px
}

#arealist{
	margin: auto;
}

input[type=button]{
	width: 100px;
	display: inline-block;
	margin: 5px 10px;
}

.img_front{
	width:69px;
	height:69px;
	background:url(/images/ChoseCounter/frontdesk_icon_regular.png) no-repeat;
}

.icon_front:HOVER .img_front {
	background:url(/images/ChoseCounter/frontdesk_icon_over.png) no-repeat;
}

.img_admin{
	width:69px;
	height:69px;
	background:url(/images/ChoseCounter/admin_icon_regular.png) no-repeat;
}

.icon_admin:HOVER .img_admin {
	background:url(/images/ChoseCounter/admin_icon_over.png) no-repeat;
}

.img_housekeeping{
	width:69px;
	height:69px;
	background:url(/images/ChoseCounter/house_keeping_icon_regular.png) no-repeat;
}

.icon_housekeeping:HOVER .img_housekeeping {
	background:url(/images/ChoseCounter/house_keeping_icon_over.png) no-repeat;
}

.img_pos{
	width:69px;
	height:69px;
	background:url(/images/ChoseCounter/pos_icon_regular.png) no-repeat;
}

.icon_pos:HOVER .img_pos {
	background:url(/images/ChoseCounter/pos_icon_over.png) no-repeat;
}